/* Form.CSS Limitless Framework */
/* This is for the form styling and function features. */

form fieldset { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; padding:10px; border:1px solid #ccc; }

form fieldset legend { font-size:1.4em; padding:0 5px; }

form input {
	height: 20px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;  
	margin-bottom:5px; 
	border:1px solid #ccc; 
}
	
form textarea {
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px; 
	margin-bottom:5px; 
	min-height:50px;
	border:1px solid #ccc; 
	padding:4px 0 1px 5px; 
	width:100%;
}

form .invalid { border:1px solid #f00; }

form input[type=submit], form button { 
	display: inline-block;
    padding: 2px 8px;
    font-family: 'Lucida Grande', Arial, sans-serif;
    font-size: 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfcfb), to(#9d9e9d));
    background: -moz-linear-gradient(#fbfcfb, #9d9e9d);
    background-color: #eee;
    text-shadow: rgba(255, 255, 255, 0.4) 0px 1px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
	cursor:pointer;
}

form input:hover[type=submit], form button:hover {
	background: #B5B5B5;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
                        black 0px 1px 3px inset,
                        rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
                     black 0px 1px 3px inset,
                     rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	box-shadow: rgba(255, 255, 255, 0.4) 0 1px,
                black 0px 1px 3px inset,
                rgba(0, 0, 0, 0.4) 0px -5px 12px inset;
	text-shadow: rgba(255, 255, 255, 0.3) 0px 1px;
	cursor:pointer;
}

/* Single Column Form */
form .column_single span			{ height: auto; margin-bottom: 5px; padding: 0px; }
form .column_single span label 	{ width: 100%; float: none; }
form .column_single span input 	{ width: 98%; float: none; }

/* Double Column Form */
form .column_double span		 	{ height: auto; margin-bottom: 5px; padding: 5px 0px; }
form .column_double span label 	{ height: 20px; width: 48%; float: left; } 
form .column_double span input 	{ width: 50%; float: none; }

